<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<div class="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="span4">
        <!-- About -->
        <div class="headline"><h3>关于</h3></div>
        <p class="margin-bottom-25">其实我们很简单,就是一群有趣的小朋友</p>

        <!-- Monthly Newsletter -->
        <div class="headline"><h3>更好的建议</h3></div>
        <p>对不起这个我们真的不需要(PS:没人做啊,要不您来)</p>

        <form class="form-inline"/>
        <div class="input-append">
          <input type="text" placeholder="Email Address" class="input-medium"/>
          <button class="btn-u">捐款</button>
        </div>
        </form>
      </div>
      <!--/span4-->

      <div class="span4">
        <div class="posts">
          <div class="headline"><h3>最近的博客内容</h3></div>
          <dl class="dl-horizontal">
            <dt><a href="#"><img src="${ctx}/img/sliders/elastislide/6.jpg" alt=""/></a></dt>
            <dd>
              <p><a href="#">一个猴子和一群猴子的故事</a></p>
            </dd>
          </dl>
          <dl class="dl-horizontal">
            <dt><a href="#"><img src="${ctx}/img/sliders/elastislide/10.jpg" alt=""/></a></dt>
            <dd>
              <p><a href="#">一只猴子和3个妖怪和一个和尚的故事</a></p>
            </dd>
          </dl>
          <dl class="dl-horizontal">
            <dt><a href="#"><img src="${ctx}/img/sliders/elastislide/11.jpg" alt=""/></a></dt>
            <dd>
              <p><a href="#">一群秃子,一群长胡子和一只猴子的故事</a></p>
            </dd>
          </dl>
        </div>
      </div>
      <!--/span4-->

      <div class="span4">
        <!-- Monthly Newsletter -->
        <div class="headline"><h3>联系我们</h3></div>
        <address>
          地址:宇宙,总星系,双鱼-鲸鱼座超星系团复合体,室女座超星系团,本星系群,银河系次集团,银河系,猎户臂,古尔德带,本地泡,本星际云,太阳系,地月系,地球<br/>
          电话: 800 888 9527 <br/>
          传真: 800 888 9527 <br/>
          Email: <a href="mailto:info@anybiz.com" class="">lainiao@live.cn</a>
        </address>

        <!-- Stay Connected -->
        <div class="headline"><h3>保持联系(别试了,你打不开)</h3></div>
        <ul class="social-icons">
          <li><a href="#" data-original-title="Feed" class="social_rss"></a></li>
          <li><a href="#" data-original-title="Facebook" class="social_facebook"></a></li>
          <li><a href="#" data-original-title="Twitter" class="social_twitter"></a></li>
          <li><a href="#" data-original-title="Goole Plus" class="social_googleplus"></a></li>
          <li><a href="#" data-original-title="Pinterest" class="social_pintrest"></a></li>
          <li><a href="#" data-original-title="Linkedin" class="social_linkedin"></a></li>
          <li><a href="#" data-original-title="Vimeo" class="social_vimeo"></a></li>
        </ul>
      </div>
      <!--/span4-->
    </div>
    <!--/row-fluid-->
  </div>
  <!--/container-->
</div>
<!--/footer-->
<!--=== End Footer ===-->

<!--=== Copyright ===-->
<div class="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="span8">
        <p>Copyright &copy; 2014.Company name All rights reserved.
          <a target="_blank" href="http://www.lainiao.net">NIAOQU</a>
        </p>
      </div>
      <div class="span4">
        <a href="index.html"><img id="logo-footer" src="${ctx}/img/logo2-default.png" class="pull-right"
                                  alt=""/></a>
      </div>
    </div>
    <!--/row-fluid-->
  </div>
  <!--/container-->
</div>
<!--/copyright-->
<!-- JS Global Compulsory -->
<script type="text/javascript" src="${ctx}/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/modernizr.custom.js"></script>
<script type="text/javascript" src="${ctx}/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script type="text/javascript" src="${ctx}/plugins/flexslider/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="${ctx}/plugins/parallax-slider/js/modernizr.js"></script>
<script type="text/javascript" src="${ctx}/plugins/parallax-slider/js/jquery.cslider.js"></script>
<script type="text/javascript" src="${ctx}/plugins/back-to-top.js"></script>
<!-- JS Page Level -->
<script type="text/javascript" src="${ctx}/js/app.js"></script>
<script type="text/javascript" src="${ctx}/js/pages/index.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function() {
    App.init();
    App.initSliders();
    Index.initParallaxSlider();
  });
</script>
<!--[if lt IE 9]>
<script src="${ctx}/js/respond.js"></script>
<![endif]-->
</body>
</html>